<template>
  <div>
    <button @click="getMoveList">点击获取电影列表</button>
    <ul>
      <li v-for="item of movie" :key="item.tvId">
        {{ item.name }}
      </li>
    </ul>
  </div>
</template>

<script>
export default {
  mounted() {
    console.log(this)
    // console.log()
    //使用store中dispath请求异步函数
    // this.$store.dispatch('getMoveList')
    //使用store中的commit请求同步参数
    // this.$store.commit('setMoveList')
    // 同步和异步从传值都是在第二及其后传值,一般情况下会传输一个对象,对象中包含需要传输的值
  },
  computed: {
    movie() {
      return this.$store.state.movie.MoveList
    },
  },
  methods: {
    getMoveList() {
      this.$store.dispatch('getMoveList')
    },
  },
}
</script>

<style></style>
